/* eslint-disable react-hooks/rules-of-hooks */
import React,{useState} from 'react'
import "./quesionmark.css"
function Questionmark() {
  const [isHovered, setIsHovered] = useState(false);
  return (
    <div className="what" onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>
      <button className="whatt">?</button>
      {isHovered && (
        <div className="whattt">
          <ul>
            <a href="../Chat">人工客服</a>
            <a href=""></a>
            <a href=""></a>
          </ul>
        </div>
      )}
    </div>
  )
}

export default Questionmark